﻿@model Bids.Core.DomainObjects.Task
@{
    ViewBag.Title = Model.Name;
}
@section head
{
    <script src="/js/jquery-1.js"></script>
    <script type="text/javascript" src="/images/ed.js"></script>
    <script src="/js/jquery-ui.js"></script>
    <script src="/js/jquery.unobtrusive-ajax.min.js"></script>
   
    }
<div class="content" id="main">



    <div class="page1">

        <h1 class="main_title">@Model.Name</h1>



        <div class="contest-top-left">

            <table>
                <tbody>
                    <tr>
                        <td height="88" style="padding: 0 10px; vertical-align: top;">
                            <img alt="powderskier69" src="/images/icong.jpg"></td>
                        <td style="padding: 10px; vertical-align: top;"><b>我们是做什么的</b>
                            <p>
                               @Model.Custom
                            </p>
                        </td>
                    </tr>
                </tbody>
            </table>


            <div class="contest_ranked">&nbsp;&nbsp;<b>任发布人：</b>@Model.Employer.NickName</div>
            <div class="contest_ranked">&nbsp;&nbsp;<b>发布时间：</b>@string.Format("{0:yyyy年MM月dd日 HH:mm:ss}",Model.CreateTime)</div>
        </div>

        <div class="contest-top-right">
            <table class="contest-top-right-table">
                <tbody>
                    <tr>
                        <td height="44">
                            <img width="41" height="41" alt="logo contest prize" src="/images/icon01.jpg"></td>
                        <td>
                            <div class="contest_top">@(Model.SetMeal.Cost).00</div>
                            <div class="contest_note">设计金额</div>
                        </td>
                    </tr>

                    <tr>
                        <td height="47">
                            <img width="41" height="41" alt="logo design entries" src="/images/icon02.jpg"></td>
                        <td>
                            <div class="contest_top">
                               24
                            </div>
                            <div class="contest_note">
                                投稿天数
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <img width="41" height="41" alt="logo contest time remaining" src="/images/icon03.jpg"></td>
                        <td>
                            <div class="contest_top">@Model.GetRemainingTime()</div>
                            <div class="contest_note">结束时间</div>
                        </td>
                    </tr>

                </tbody>
            </table>

        </div>


        <script type="text/javascript">
            $(document).ready(function () {

                $("#showbrief").click(function () {

                    if ($('#brief_complete').css('display') == "none") {
                        $('#brief_complete').show("fast");
                        $('#showbrief').html("隐藏任务介绍");
                        $.ajax({
                            type: "POST",
                            url: "http://www.logoarena.com/showhidebrief.php",
                            data: "show=1"
                        });
                    }
                    else {
                        $('#brief_complete').hide("fast");
                        $('#showbrief').html("隐藏任务介绍");
                        $.ajax({
                            type: "POST",
                            url: "http://www.logoarena.com/showhidebrief.php",
                            data: "show=0"
                        });
                    }
                });

            });
        </script>

        <div class="contest_brief" id="contest_brief">

            <div class="contest_brief_show">
                <a id="showbrief" style="cursor: pointer;" class="awesome">隐藏任务介绍</a>&nbsp;&nbsp;&nbsp;<a href="/designer/contribute.html?taskId=@Model.ID" class="awesome">接受设计任务</a>

            </div>




            <div class="contest_brief_inside" id="brief_complete">

                <p style="font-size: 12px; color: #202020;"><strong>公司名称：</strong> @Model.Company
                    <strong>行业类行：</strong>@Model.Trade.Name</p>
                <div style="line-height: 35px; font-size: 12px; color: #202020;">
                    <strong>企业口号：</strong> @Model.Slogan<br />
                    <strong>企业理念：</strong> @Model.BusinessPhilosophy<br />
                    <strong>企业服务对像：</strong> @Model.Custom<br />
                    <strong>标志所体现的最重要的3个特性:</strong><br />
                    @{int i = 1;}
                    @foreach (var item in Model.Feature.Split(','))
                    {
                        @i
                        @:、
                        @item
                        @:<br/>
                    }
                </div>

                <table>
                    <tbody>
                        <tr>
                            <td height="30" style="font-size: 12px;"><b>您希望的标志样式：</b></td>
                        </tr>

                        <tr>
                            <td style="font-size: 12px;">
                                @foreach (var item in Model.Styles)
                                {
                                    <div class="styles2">
                                        <div style="height: 135px; overflow: hidden;">
                                    
                                            <b>@item.Name</b>
                                             <div style="height: 132px;">
                                                    @Html.Raw(item.Content)
                                                </div>
                                        </div>
                                    </div>
                                }
                            </td>
                        </tr>
                    </tbody>
                </table>

                <div style="font-size: 12px; line-height: 38px; font-weight: bold; color: #202020;">
                    标志名称：@Model.Name<br />
                    标志含有的字母或数字：@Model.LettersOrNumbers<br />
                    标志含有的文字：@Model.Characters<br />
                    标志要表现的价值观：
                </div>
                @{var expression = Model.Expression.Split(',');}
            <table style="color: #111; font-size: 14px; font-weight: bold;">
                <tbody>
                    <tr>
                        <td width="45"><span id="feminine" style="opacity: @(1-decimal.Parse(expression[0])/100m)">女人</span></td>
                        <td width="330" style="padding: 10px; width: 300px;">
                            <div id="sl-fem" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: @(expression[0])%;"></a>
                            </div>
                           
                        </td>
                        <td width="99" style="padding-left: 20px;"><span id="masculine" style="opacity: @(decimal.Parse(expression[0])/100m)">男人</span></td>
                    </tr>

                    <tr>
                        <td width="45"><span id="young" style="opacity: @(1-decimal.Parse(expression[1])/100m)">年轻</span></td>
                        <td style="padding: 10px; width: 300px;">
                            <div id="sl-you" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: @(expression[1])%;"></a>

                            </div>
                           
                        </td>
                        <td style="padding-left: 20px;"><span id="mature" style="opacity: @(decimal.Parse(expression[1])/100m)">成熟</span></td>
                    </tr>

                    <tr>
                        <td width="45"><span id="luxory" style="opacity: @(1-decimal.Parse(expression[2])/100m)">奢侈</span></td>
                        <td style="padding: 10px; width: 300px;">
                            <div id="sl-lux" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: @(expression[2])%;"></a>

                            </div>
                            
                        </td>
                        <td style="padding-left: 20px;"><span id="economical" style="opacity: @(decimal.Parse(expression[2])/100m)">经济</span></td>
                    </tr>

                    <tr>
                        <td width="45"><span id="modern" style="opacity: @(1-decimal.Parse(expression[3])/100m)">现代</span></td>
                        <td style="padding: 10px; width: 300px;">
                            <div id="sl-mod" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: @(expression[3])%;"></a>

                            </div>
                            
                        </td>
                        <td style="padding-left: 20px;"><span id="classic" style="opacity: @(decimal.Parse(expression[3])/100m)">经典</span></td>
                    </tr>

                    <tr>
                        <td width="45"><span id="playful" style="opacity: @(1-decimal.Parse(expression[4])/100m)">调皮</span></td>
                        <td style="padding: 10px; width: 300px;">
                            <div id="sl-pla" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: @(expression[4])%;"></a>

                            </div>
                            
                        </td>
                        <td style="padding-left: 20px;"><span id="serious" style="opacity: @(decimal.Parse(expression[4])/100m)">严肃</span></td>
                    </tr>

                    <tr>
                        <td width="45"><span id="loud" style="opacity: @(1-decimal.Parse(expression[5])/100m)">喧闹</span></td>
                        <td style="padding: 10px; width: 300px;">
                            <div id="sl-lou" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: @(expression[5])%;"></a>

                            </div>
                           
                        </td>
                        <td style="padding-left: 20px;"><span id="quiet" style="opacity: @(decimal.Parse(expression[5])/100m)">安静</span></td>
                    </tr>

                    <tr>
                        <td width="45"><span id="simplex" style="opacity: @(1-decimal.Parse(expression[6])/100m)">简单</span></td>
                        <td style="padding: 10px; width: 300px;">
                            <div id="sl-sim" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: @(expression[6])%;"></a>

                            </div>
                            
                        </td>
                        <td style="padding-left: 20px;"><span id="complex" style="opacity: @(decimal.Parse(expression[6])/100m)">复杂</span></td>
                    </tr>

                    <tr>
                        <td width="45"><span id="subtle" style="opacity: @(1-decimal.Parse(expression[7])/100m)">微妙</span></td>
                        <td style="padding: 10px; width: 300px;">
                            <div id="sl-sub" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: @(expression[7])%;"></a>

                            </div>
                           
                        </td>
                        <td style="padding-left: 20px;"><span id="obvious" style="opacity: @(decimal.Parse(expression[7])/100m)">明显</span></td>
                    </tr>

                </tbody>
            </table>
                

                <div style="font-size: 12px; line-height: 38px; font-weight: bold; color: #202020; padding-top: 10px;">
                    喜欢颜色能用在标志上：@Model.GoodColor<br />
                不喜欢颜色用在标志上：@Model.BadColor<br />
                标志的想法或一些额外的信息：@Model.Extraneous<br />
                    上传文档：<br />
                    标志会在哪里使用：
                @foreach (var item in Model.UsedFor)
                {
                    @item.Name @:,
                }<br />
                    设计套餐:@Model.SetMeal.Name
                </div>


            </div>

        </div>


        <div class="logozs">
            <div class="logozs_top">
                <b>任务作品展示</b>
            </div>

            <div class="latestWeb" id="worklist">
                @Html.Partial("_WorksList", Model)
            </div>
          
             <script src="/js/ToolTip.js"></script>
        </div>





    </div>





</div>
